<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>昌农贷 —首页</title>
	<link rel="stylesheet" href="./css/normallize.css">
	<link rel="stylesheet" href="./css/index.css">
</head>

<body>
	<!-- f1 顶部 -->
	<div class="f1">
		<div class="container">
			<!-- 左侧 -->
			<div class="f1_left">
				<img src="./img/phone.png">
				<div>400-000-0000</div>
				<div>(9:00-21:00)</div>
			</div>
			<!-- 右侧 -->
			<div class="f1_right">
				<ul>
					<li>
						<span>你好，欢迎来到昌农贷！</span>
					</li>
					<li>
						<span><a href="#">登录</a></span>
					</li>
					<li>
						<span><a href="#">免费注册</a></span>
					</li>
					<li>
						<span><a>帮助中心</a></span>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- f2 导航栏 -->
	<div class="f2">
		<div class="container">
			<!-- logo -->
			<div class="logo">
				<img src="./img/title.png">
			</div>
			<!-- 右侧 -->
			<div class="f2_right">
				<div>
					<ul>
						<li><a href="#" class="current">首页</a></li>
						<li>
							<a href="#">我要投资</a>
							<div class="sanjiao"></div>
						</li>
						<li><a href="#">我要借款</a></li>
						<li><a href="#">运营广告</a></li>
						<li>
							<a href="#">关于我们</a>
							<div class="sanjiao"></div>
						</li>
						<li><a href="#">特权金</a></li>
					</ul>
				</div>
				<div class="active">登录</div>
				<div>注册</div>
			</div>
		</div>
	</div>
	<!-- f3 轮播 -->
	<div class="f3">
		<div class="container">
			<div>
				<img src="./img/zhuye.png">
				<div>从新版昌农贷开始</div>
			</div>
		</div>
	</div>
	<!-- f4最新公告 -->
	<div class="f4">
		<div class="container">
			<!-- 左 -->
			<div class="f4_left">
				<img src="./img/volumn.png">
				<div>最新&nbsp;公告：</div>
				<div>关于昌农贷恶意抢标行为声名</div>
			</div>
			<!-- 右 -->
			<div class="f4_right">
				<div>2016-12-02</div>
				<div>更多</div>
				<img src="./img/jia.png">
			</div>
		</div>
	</div>
	<!-- f5 曲线 -->
	<div class="f5">
		<div class="container">
			<div>
				<img src="./img/tu1.jpg">
				<img src="./img/tu2.jpg">
				<img src="./img/tu3.jpg">
				<img src="./img/tu4.jpg">
				<img src="./img/quxian.png">
				<!-- 图上文本 -->
				<div class="f5_top_text">
					<div class="text1">
						<div>
							<div>284381</div>
							<div>人</div>
						</div>
						<div>已加入昌农的用户人数</div>
					</div>
					<div class="text2">
						<div>
							<div>361,618</div>
							<div>万元</div>
						</div>
						<div>代收本金金额</div>
					</div>
					<div class="text3">
						<div>
							<div>32,852.98</div>
							<div>万元</div>
						</div>
						<div>成功放款总额</div>
					</div>
				</div>
				<!-- 图下文本 -->
				<div class="f5_bottom_text">
					<div class="text1">
						<div>安全保障</div>
						<div>专业风控体系</div>
						<div>第三方机构实力合作担保</div>
					</div>
					<div class="text2">
						<div>高收益</div>
						<div>100元起投，预计年化收益</div>
						<div>最高可达16%</div>
					</div>
					<div class="text3">
						<div>透明公开</div>
						<div>360度信息透明，第三方</div>
						<div>监督严格规范运作</div>
					</div>
					<div class="text4">
						<div>长短灵活选</div>
						<div>30天-180天的灵活选</div>
						<div>择合理支配资金</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- f6新手计划 -->
	<div class="f6">
		<div class="container">
			<!-- 标题 -->
			<div class="titler">
				<div>
					<div class="selected">新手计划</div>
					<div>新人的第一桶金</div>
				</div>
				<div>
					<div>更多</div>
					<img src="./img/jia.png">
				</div>
			</div>
		</div>
		<!-- 内容 -->
		<div class="f6_middle">
			<div class="container">
				<div>
					<ul>
						<li>借款标题</li>
						<li>项目总金额</li>
						<li>年化利率</li>
						<li>项目期限</li>
						<li>项目进度</li>
						<li>项目状态</li>
					</ul>
				</div>
				<div>
					<ul class="info_text">
						<li>借款测试1010</li>
						<li>10000.00</li>
						<li>12.00</li>
						<li>1个月</li>
						<li>
							<div>50%</div>
						</li>
						<li>投标</li>
					</ul>
				</div>
			</div>
		</div>	
	</div>
	<!-- f7 -->
	<div class="f7">
		<div class="container">
			<!-- 标题 -->
			<div class="titler">
				<div>
					<div class="selected">昌定计划</div>
					<div>期限短，稳赚高收益！</div>
				</div>
				<div>
					<div>更多</div>
					<img src="./img/jia.png">
				</div>
			</div>
			<!-- 内容 -->
			<div class="f7_main">
				<!-- 计划卡 -->
				<div class="plan1">
					<div>昌农计划 001</div>
					<div class="plan1_bottom">
						<div>
							<div>3.50</div>
							<div>%</div>
						</div>
						<div class="lilv">项目年化收益率</div>
						<div>100%</div>
						<div class="tabs">
							<div>100元起</div>
							<div>期限15天</div>
						</div>
						<div class="times">发标时间：2016-12-16 14:25</div>
						<div class="repeat">复审中</div>
					</div>
				</div>
				<!-- 计划卡 -->
				<div class="plan1">
					<div>昌农计划 002</div>
					<div class="plan1_bottom">
						<div>
							<div>3.60</div>
							<div>%</div>
						</div>
						<div class="lilv">项目年化收益率</div>
						<div class="suc">75%</div>
						<div class="tabs">
							<div>100元起</div>
							<div>期限20天</div>
						</div>
						<div class="times">发标时间：2016-12-16 14:25</div>
						<div class="repeat active_tabs">立即加入</div>
					</div>
				</div>
				<!-- 计划卡 -->
				<div class="plan1">
					<div>昌农计划 003</div>
					<div class="plan1_bottom">
						<div>
							<div>3.70</div>
							<div>%</div>
						</div>
						<div class="lilv">项目年化收益率</div>
						<div class="suc">50%</div>
						<div class="tabs">
							<div>100元起</div>
							<div>期限25天</div>
						</div>
						<div class="times">发标时间：2016-12-16 14:25</div>
						<div class="repeat no_active">立即加入</div>
					</div>
				</div>
				<!-- 计划卡 -->
				<div class="plan1">
					<div>昌农计划 004</div>
					<div class="plan1_bottom">
						<div>
							<div>3.80</div>
							<div>%</div>
						</div>
						<div class="lilv">项目年化收益率</div>
						<div class="suc">25%</div>
						<div class="tabs">
							<div>100元起</div>
							<div>期限30天</div>
						</div>
						<div class="times">发标时间：2016-12-16 14:25</div>
						<div class="repeat no_active">立即加入</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- f8 -->
	<div class="f8">
		<div class="container">
			<!-- 标题 -->
			<div class="titler">
				<div>
					<div class="selected">昌农计划</div>
					<div>资金不放假，理财有规划！</div>
				</div>
				<div>
					<div>更多</div>
					<img src="./img/jia.png">
				</div>
			</div>
			<!-- 内容 -->
			<div>内容</div>
		</div>
	</div>
	<!-- f9 -->
	<div class="f9">
		<div class="container">
			<!-- 标题 -->
			<div class="titler">
				<div>
					<div class="selected">私人订制</div>
					<div>多种转让方式，灵活投资！</div>
				</div>
				<div>
					<div>更多</div>
					<img src="./img/jia.png">
				</div>
			</div>
			<!-- 内容 -->
			<div>内容</div>
		</div>
	</div>
	<!-- f10 -->
	<div class="f10">
		<div class="container">
			<!-- 标题 -->
			<div class="titler">
				<div>
					<div class="selected">债权转让</div>
					<div>产品丰富、期限多样</div>
				</div>
				<div>
					<div>更多</div>
					<img src="./img/jia.png">
				</div>
			</div>
			<!-- 内容 -->
			<div>内容</div>
		</div>
	</div>
	<!-- f11 背景-->
	<div class="f11"></div>
	<!-- f12 -->
	<div class="f12">
		<div class="container"></div>
	</div>
	<div class="f13">
		<div class="container"></div>
	</div>
	<!-- f13 合作伙伴-->
	<div class="f13">
		<div class="container">
			<div>合作伙伴</div>
			<div class="pic">
				<img src="./img/ms.jpg">
				<img src="./img/youchu.jpg">
				<img src="./img/zy.jpg">
				<img src="./img/yl.jpg">
				<img src="./img/tl.jpg">
				<img src="./img/gh.jpg">
				<img src="./img/bj.jpg">
				<img src="./img/td.jpg">
				<img src="./img/sw.jpg">
				<img src="./img/sw1.jpg">
				<img src="./img/zx.jpg">
				<img src="./img/sw.jpg">
			</div>
		</div>
	</div>
	<!-- f14 -->
	<div class="f14">
		<div class="container">
			<!-- 左侧功能菜单 -->
			<div>
				<!-- 标题 -->
				<div class="f14_header">
					<ul>
						<li>关于昌农贷</li>
						<li>保障方式</li>
						<li>帮助中心</li>
					</ul>
				</div>
				<!-- 内容 -->
				<div class="f14_list">
					<!-- 左 -->
					<div>
						<ul>
							<li>资质荣誉</li>
							<li>运营报告</li>
							<li>加盟合作</li>
						</ul>
					</div>
					<!-- 中 -->
					<div>
						<ul>
							<li>风控合作</li>
							<li>法律法规</li>
							<li>资质认证</li>
						</ul>
					</div>
					<!-- 右 -->
					<div>
						<ul>
							<li>理财指引</li>
							<li>招贤纳士</li>
							<li>联系我们</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 中间联系方式 -->
			<div class="f14_middle">
				<div>客户热线</div>
				<div>400-00-0000</div>
				<div>(9:00-18:00)</div>
				<div>
					<img src="./img/weixin.jpg">
					<img src="./img/weibo.jpg">
					<img src="./img/ren.jpg">
				</div>
			</div>
			<!-- 二维码 -->
			<div class="f14_right">
				<img src="./img/er.jpg">
			</div>
		</div>
	</div>
	<!-- f15 -->
	<div class="f15">
		<div class="container">
			<div>COPYRIGHT&nbsp;&copy;2009-2016&nbsp;昌农贷投资管理（北京）有限公司版权所有&nbsp;京ICP备11XX285号-2</div>
			<div>
				<img src="./img/cx.png">
				<img src="./img/kx.png">
				<img src="./img/net.png">
			</div>
		</div>
	</div>
</body>

</html>